﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Home.aspx.cs" Inherits="EdNASysAPP.Home" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!--[if IE 9]>    <html class="no-js ie9" lang="en" itemscope itemtype="http://schema.org/Product"> <![endif]-->
<!-- Consider adding an manifest.appcache: h5bp.com/d/Offline -->
<!--[if gt IE 9]><!--> <html class="no-js" lang="en" itemscope itemtype="http://schema.org/Product"> <!--<![endif]-->
<head>
  <meta charset="utf-8">

  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

  <title>EDNASys - PainterCentral</title>
  <meta name="description" content="" />
  <meta name="keywords" content="" />
  <meta name="author" content="humans.txt">
  
  <link rel="shortcut icon" href="favicon.png" type="image/x-icon" />
  
  <!--Facebook Metadata /-->
  <meta property="fb:page_id" content="" />
	<meta property="og:image" content="" />
	<meta property="og:description" content=""/>
	<meta property="og:title" content=""/>
  
  <!--Google+ Metadata /-->
	<meta itemprop="name" content="">
	<meta itemprop="description" content="">
	<meta itemprop="image" content="">

  <!-- Mobile viewport optimized: j.mp/bplateviewport -->
  <meta name="viewport" content="width=device-width,initial-scale=1">

  <!-- Place favicon.ico and apple-touch-icon.png in the root directory: mathiasbynens.be/notes/touch-icons -->

  <!-- CSS: implied media=all -->
  <!-- CSS concatenated and minified via ant build script-->
  <!-- <link rel="stylesheet" href="css/minified.css"> -->
  
  <!-- CSS imports non-minified for staging, minify before moving to production-->
  <link rel="stylesheet" href="css/imports.css">
  <link rel="stylesheet" href="css/style.css">
  <!-- end CSS-->

  <!-- More ideas for your <head> here: h5bp.com/d/head-Tips -->

  <!-- All JavaScript at the bottom, except for Modernizr / Respond.
       Modernizr enables HTML5 elements & feature detects; Respond is a polyfill for min/max-width CSS3 Media Queries
       For optimal performance, use a custom Modernizr build: www.modernizr.com/download/ -->
  <script src="js/libs/modernizr-2.0.6.min.js"></script>
</head>

<body>
  <div class="container">
    <div class="main-wrapper"> 
      <section class="row">
        <div class="header head" >
          <div class="logo six columns">
             <h1>Painting Central</h1>
          </div>
          <div class="ten columns main-menu">
             <nav class="navbar clearfix" id="basicnav">
              <ul>
                <li><a href="">About </a></li>
               <li><a href="">Services</a></li>
               <li><a href="">Contact Us</a></li>
               <li ><a href="Login.aspx" id="login-menu">Login</a></li>
              </ul>
             </nav>
          </div>
           <div class="clear"></div>
        </div>
      </section>
      <section class="row">
        <div class="eight columns sign-up-form " id="sign-up-form">
            <h2>Sign Up</h2>
             <form id="form1" runat="server">
             <dl class="field row">
                  <dt class="text"> <asp:TextBox ID="txtLoginName" placeholder="email or username" runat="server" ></asp:TextBox>
                  <label class="checkbox" for="Terms of Services">
                      <input name="Use Email ID" type="checkbox" id="chkEmailID" style="display:none;"/>
                      </label>
                  </dt>
                </dl>
                <dl class="field row">
                  <dt class="text"> <asp:TextBox ID="txtFirstName" placeholder ="First Name" runat="server" AutoCompleteType="FirstName"  ></asp:TextBox>
    
                  </dt>
                   <asp:RequiredFieldValidator id="RequiredFieldValidator1" runat="server"  ControlToValidate="txtFirstName"  ErrorMessage="Last name is a required field."  ForeColor="Red"></asp:RequiredFieldValidator>
             
                </dl>
                 <dl class="field row">
                  <dt class="text"><asp:TextBox ID="txtLastName" runat="server" placeholder="Last Name" AutoCompleteType="LastName"/>
                  </dt>
                  <dt><asp:RequiredFieldValidator id="RequiredFieldValidator2" runat="server"  ControlToValidate="txtLastName"  ErrorMessage="First name is a required field."  ForeColor="Red"></asp:RequiredFieldValidator></dt>
                </dl>
                <dl class="field row">
                  <dt class="text"><asp:TextBox ID="txtEmail" runat="server" placeholder="Email" AutoCompleteType="Email"/></dt>
                 <dt> <asp:RequiredFieldValidator id="RequiredFieldValidator3" runat="server"  ControlToValidate="txtEmail"  ErrorMessage="Email is a required field."  ForeColor="Red"></asp:RequiredFieldValidator></dt>
                </dl>
                <dl class="field row">
                  <dt class="text"><asp:TextBox ID="txtPassword" runat="server"/> </dt>
                   <asp:RequiredFieldValidator id="RequiredFieldValidator4" runat="server"  ControlToValidate="txtPassword"  ErrorMessage="Password is a required field."  ForeColor="Red"></asp:RequiredFieldValidator></dt>
                  
                </dl>
                 <dl class="field row">
                  <dt class="text"><asp:TextBox ID="txtConfirmPassword" runat="server"  />
                   <asp:RequiredFieldValidator id="RequiredFieldValidator5" runat="server"  ControlToValidate="txtConfirmPassword"  ErrorMessage="Confirm Password"  ForeColor="Red"></asp:RequiredFieldValidator>
                  </dt>
                  <dd class="msg"><span class="caret"></span>Your password is weak.</dd>
                </dl>
                <ul class="field row">
                  <li>
                    <label class="checkbox" for="Terms of Services">
                      <input name="Terms of Services" type="checkbox" id="checkbox" style="display:none;" required>
                      <span></span> I accept the <a href="" title="Terms of Service" > Terms of Service</a>
                    </label>  
                  </li> 
                </ul>
               
                <div class="row">
                  <p class="btn submit"><asp:Button ID="btnSaveUser" runat="server" Text="Submit"  onclick="btnSaveUser_Click" ></asp:Button></p>
                </div>
                <div class="row">
                 <asp:Label ID="lblMessage" runat="server" Text="Label"></asp:Label>
                </div>
            </form>
        </div>
        
        <!-- login form will be hidden untlil the  use click login option -->
         <!-- <div class="six columns login-form" id="login-section" style="display:none;"  >
            <h2>Login</h2>
             <form action="" method="" data-form="validate">
                <dl class="field row">
                  <dt class="text"><input type="email" placeholder="Enter your email" required /></dt>
                  <dd class="msg"><span class="caret"></span>You must enter your email.</dd>
                </dl>
                <dl class="field row">
                  <dt class="text"><input type="password" placeholder="Password" required /></dt>
                  <dd class="msg"><span class="caret"></span>You must enter your password</dd>
                </dl>
                <div class="row">
                  <p class="btn submit"><input type="submit" value="Login"></p>
                </div>
            </form>
        </div>
 -->
      </section>
  
  	<section class="row">
  	 

  	</section>

  </div> <!--! end of #container -->
  </div>

  <!-- JavaScript at the bottom for fast page loading -->

  <!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if offline -->
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  <script>      window.jQuery || document.write('<script src="js/libs/jquery-1.7.2.min.js"><\/script>')</script>

  <script src="js/libs/gumby.min.js"></script>
  <script src="js/plugins.js"></script>
  <script src="js/main.js"></script>
  <!-- end scripts-->


  <!-- Prompt IE 6 users to install Chrome Frame. We suggest that you not support IE 6.
       chromium.org/developers/how-tos/chrome-frame-getting-started -->
  <!--[if lt IE 7 ]>
    <script src="//ajax.googleapis.com/ajax/libs/chrome-frame/1.0.3/CFInstall.min.js"></script>
    <script>window.attachEvent('onload',function(){CFInstall.check({mode:'overlay'})})</script>
  <![endif]-->
  
  <!-- Social Widget Rendering Javascript /-->
  <script src="http://platform.twitter.com/widgets.js"></script>
  <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
  <script type="text/javascript">
      (function () {
          var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
          po.src = 'https://apis.google.com/js/plusone.js';
          var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
      })();
  </script>
  <!-- End Social Widget Rendering Javascript /-->
</body>
</html>
